

/*-- 个人中心 --*/

/*- 可复用 start -*/





/*- 可复用 end -*/



/*- 用户中心 -*/

.mine-userCenter-head {width: 100%;height: 250px;position: relative;}
.mine-userCenter-head-bg {background: url("../images/mine/bg_user_new.png") no-repeat center center;background-size: 100%;}

.mine-userCenter-head-box {width: 200px;position: absolute;top:50%;left: 50%;transform: translate3d(-50%,-50%,0);}
.mine-userCenter-head-box > a {display: block;}


.mine-userCenter-avatar {width: 90px;height: 90px;border: 3px solid rgba(255,255,255,0.4);border-radius: 50%;margin: 0 auto;overflow: hidden;}
.mine-userCenter-avatar img{width: 100%;display: block;border-radius: 50%;}
.mine-userCenter-name {line-height: 30px;text-align: center;font-size: 14px;}
.mine-userCenter-name.color-not {color: #d3e5fb;}
.mine-userCenter-name.color-ok {color: #fff;}
.mine-userCenter-main {width: 100%;background: #fff;}
.userCenter-main-func {padding-left: 15px;}
.userCenter-main-func li {height: 85px;line-height: 85px;font-size: 15px;color: #333;border-bottom:1px solid rgba(0,0,0,0.12);padding-right: 15px;position: relative;  }
.userCenter-main-func li  {display: block;}
.userCenter-main-func li > img {width: 55px;margin-right: 15px;vertical-align: middle;}
.userCenter-main-func-point {float: right;width: 8px;/*height: 14px;*/display: inline-block;background: url("../images/mine/right.png") no-repeat center center;background-size: 100%;height: 85px;line-height: 85px;}
.userCenter-main-func li  > span {position: absolute;right: 30px;}
.userCenter-main-func li  > span.color-blue {color: #60befe;}


/*- 绑定手机 -*/

.mine-mobile-container {padding: 15px;}

.mine-mobile-item {font-size: 14px;border-bottom: 1px solid #cccccc;position: relative;height: 55px;line-height: 55px;}
.mine-mobile-title {color: #333;font-weight: 700;}
.mine-mobile-item input {border: none;margin: 0px 5px;}
.mine-mobile-verifybtn {display: inline-block;width: 90px;height: 30px;line-height: 30px;text-align: center;background: #4bb4f9;border-radius: 4px;color: #fff;float: right;    margin-top: 13px;}
.mine-mobile-verifybtn.verifybtn-bg {background: #86cdfc;}

.mine-mobile-sub {width: 90%;height: 40px;line-height: 40px;text-align: center;background: #4bb4f9;border-radius: 4px;font-size: 15px;color: #fff;border: none;margin: 50px auto 0px;display: block;}


/*- 修改密码 -*/
.mine-password-container {}
.mine-psd-form {padding:0px 30px;}
.mine-psd-form li {height: 60px;line-height: 60px;border-bottom:1px solid #cccccc;position: relative; }
.mine-psd-form li input {border: none;width: 60%;}


/*- 个人资料 -*/
.mine-personal-container {background: #fff;width: 100%;}
.mine-personal-list {padding-left: 15px;}
.mine-personal-list li {height: 50px;line-height: 50px;border-bottom: 1px solid #cccccc;padding-right: 15px; }
.mine-personal-item {background: url("../images/mine/right.png") no-repeat right center;background-size:8px;}

.mine-personal-file {position: absolute;z-index:1;width: 100%;height: 50px;opacity: 0;}

.mine-personal-list li:last-child {border-bottom: none;}
.mine-personal-title {font-size: 14px;color: #333;}
.mine-personal-img {display:block;width: 35px;height: 35px;border-radius: 50%;float: right;margin-top: 8px;margin-right: 20px;}
.mine-personal-img img {width: inherit;height: inherit;border-radius: 50%;}

.mine-personal-footer {height: 48px;line-height: 48px;background: #f3646f;border: none;text-align: center;font-size: 15px;color: #fff;}
.mine-personal-name {float: right;padding-right: 20px;}



.mine-sex-container {width: 70%;background: #fff;position: absolute;top: 50%;left: 50%;margin-left: -35%;margin-top: -60px;display: none;}
.mine-sex-container h3 {font-size: 16px;padding: 10px 0px;border-bottom: 2px solid rgba(0,0,0,0.12);padding-left: 10px;}
.mine-sex-container span {display: block;font-size: 14px;padding: 6px 0px;padding-left: 10px;}
.mine-sex-container span:last-child { border-top: 1px solid rgba(0,0,0,0.12); }

/*.mine-sex-container span input {float: right;width: 20px;height: 20px;margin-top: 9px;}*/


/*- 昵称 -*/
.mine-name-container {width: 100%;}
.mine-name-edit {padding:0px 15px;height:40px;line-height: 40px;position: relative;background: #fff;}
.mine-name-edit > input {border: none;height: 20px;font-size: 14px;color: #333;width: 80%;}
.mine-edit-cannel {width: 15px;height: 15px;position: absolute;right:15px;top:14px;display: block;background: url("../images/mine/btn_delete.png") no-repeat;background-size: 100%;}
.mine-name-point {font-size: 12px;color: #adadad;line-height: 20px;padding: 0px 15px;margin-top: 15px;}

.mine-niName-container {width: 100%;height: 100%;position: fixed;z-index: 9999;left: 100%;top: 0;background: #f6f6f6;}
.mine-name-header {position: absolute;left: 0;top: 0;width: 100%;height: 65px;background: #fff;}

.mine-name-close {width: 40px;height: 40px;background-size: 10px 20px;bottom: 2px;}




/*- 创建账号 -*/
.mine-register-container {}
.mine-register-form {padding:0px 30px;}

.point-err {line-height: 35px;color:#4bb4f9;font-size: 14px; }
.mine-register-form li {height: 60px;line-height: 60px;border-bottom:1px solid #cccccc;position: relative; }
.mine-register-form li input {border: none;width: 60%;}
.mine-mobile-resend {display: inline-block;width: 90px;height: 30px;line-height: 30px;text-align: center;background: #4bb4f9;border-radius: 4px;color: #fff;position: absolute;top: 13px;right: 100px;}
.mine-register-logIn {text-align: center;color: #4bb4f9;font-size: 15px;margin-top: 30px;}
.mine-register-logIn a {color: #4bb4f9;}

.mine-register-term {position: absolute;bottom: 50px;text-align: center;width: 100%;font-size: 11px;color: #949494;}
.mine-register-term i {display: inline-block;width: 11px;height: 11px;margin-right: 5px;}
.mine-register-term i.bgimg-not {background: url("../images/mine/disagree.png") no-repeat;background-size: 100%;}
.mine-register-term i.active {background: url("../images/mine/agree.png") no-repeat;background-size: 100%;}
.mine-register-term  span {color: #333333;font-weight: 700;}

.mine-register-form .mine-edit-cannel {top: 22px;}



/*--*/
.mine-logIn-container {}

.proxy-login-third {margin-top: 106px;text-align: center;}
.proxy-login-third h3 {font-weight: 500;font-size: 14px;color: #666;position: relative;width: 120px;margin: 0 auto;}
.proxy-login-third h3:before {content: '';display: block;width: 80px;border-bottom: 1px solid #cccccc;position: absolute;top: 6px;left: -60px;}
.proxy-login-third h3:after {content: '';display: block;width: 80px;border-bottom: 1px solid #cccccc;position: absolute;top: 6px;right: -60px;}
.proxy-login-third img {margin-top: 20px;width: 60px;}



/*- 申请试吃 -*/


.taste-apply-container {background: url("../images/mine/bg_taste.jpg") ;background-size: 100%;}




.apply-ct {
    display: flex;flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.apply-ct .applybtnbox {
    flex: 1;
}
.apply-ct .applybtnbox {
    margin: 0 10px;
}

.apply-ct .norapply .button{
    background-color: #ce3d3b;
}



.setMarRight80 {
    margin-right: 80px;
}

.setMarLeft80{
    margin-left: 60px;
}


